$(function () {

    $.ajax({
        url:"http://api.shopping.com/api/item/sku/list",
        type:"get",
        data:{"page":1,"limit":9},
        dataType:"json",
        success:shw //如果返回了结果，由shw这个回调函数进行处理
    });

});

/**
 * 回调函数
 * res：即为后台微服务，返回的json数据、
 * 它包含：
 *    count:数据表的数据总数
 *    data:查询到的集合（List<Sku>）
 *    sku:包含
 *      id
 *      title
 *      price
 *      images....
 *
 */
function  shw(res) {

    //定义一个变量，用于拼接所有内容，最终显示在table中
    var msg = "";

    //对res中的data遍历，取得每一件商品信息
    $.each(res.data,function (index,k) {

        //每循环一次，就代表是一件商品
        //用index取模3，如果结果为0，表示被整除，就产生个tr,换行（这样，每一行只显示3件商品）
        if(index%3==0){
            msg+="<tr>";  //如果产生一个新的tr时，上一个还没有结束的tr，将会自动结束
        }
        msg+="<Td>";
        /**********将每一件商品的信息，显示在布局模板中**********/
        $("#mydiv2").find("#pic").prop("src",k.images); //图片
        $("#mydiv2").find("#type").html(showTilte(k.title));//手机型号

        //计算手机售价
        var price1 = k.price/100+".00";//普通价格
        var price2 = k.price/100-100+".00";//会员价格

        $("#mydiv2").find("#price1").html(price1);//价格
        $("#mydiv2").find("#price2").html(price2);

        $("#mydiv2").find("#title").html(showName(k.title));//品牌名称

        //将模板（mydiv2）中的内容，拼接在msg中
        msg+=$("#mydiv2").html();

        /***********************************************/
        msg+="</Td>";

    })
    //将拼接好的内容，显示在table
    $("#mytable").html(msg);

    /*********在回调函数中，将数据显示在表格中以后，显示分页信息***********/

    // pageMe.js 使用方法
    $("#page").paging({
        pageNum: res.pageNum, // 当前页面
        totalNum: res.maxPage, // 总页码
        totalList: res.count, // 记录总数量
        callback: function (num) { //回调函数  //num即为选中的当前页

            $.ajax({
                url:"http://api.shopping.com/api/item/sku/list",
                type:"get",
                data:{"page":num,"limit":9},
                dataType:"json",
                success:shw //如果返回了结果，由shw这个回调函数进行处理
            });
        }
    });

}

function showTilte(title){
    //按空格将内容分割成数组
    var titles = title.split(" ");
    return titles[0]+"-"+titles[1];
}
function showName(title){
    //按空格将内容分割成数组
    var titles = title.split(" ");
    return titles[0];
}
